// src/views/map/Baidu.tsx

import { FC, useEffect } from 'react';

interface IBaiduProps {
  
};

const Baidu:FC<IBaiduProps> = () => {
  useEffect(() => {
    var map = new window.BMapGL.Map("allmap");
    map.centerAndZoom(new window.BMapGL.Point(116.280190, 40.049191), 19);
    map.enableScrollWheelZoom(true);
    map.setHeading(64.5);
    map.setTilt(73);
    map.setMapStyleV2({     
      styleId: '14a0dd6df1eee2a4e07214244cbd4031'
    });
  }, [])
  return (
    <>
      <h1>百度地图</h1>
      <div id="allmap" style={{width:' 100%',height: '650px'}}></div>
    </>
  )
};

export default Baidu;